<template>
  <div class="descriptions-item">
    <div class="descriptions-item-label">{{ label }}</div>
    <div class="descriptions-item-value"><slot></slot></div>
  </div>
</template>

<script>
export default {
  props: {
    label: String,
  },
};
</script>
<style lang="scss" scoped>
.descriptions-item {
  display: flex;
  justify-content: flex-start;
  line-height: 32rpx;
  font-size: 32rpx;
  margin: 24rpx 0;
  
  .descriptions-item-label {
    text-align: left;
    color: #666666;
  }
  .descriptions-item-value {
    flex: 1;
    text-align: right;
    color: #666666;
  }
}
</style>
